@charset "utf-8";
/* CSS Document */

/* 通用 */
.bg-blue{background: #116eb9;}

.btn{display: inline-block; *display: inline; zoom: 1; text-align: center;  border: none; border-radius: 2px;  color: #fff; cursor: pointer; font-family: "微软雅黑"; background: #2482D8; font-size: 14px; outline: none; vertical-align: middle;}
.btn {
    *overflow:visible ;
}
.ui-dialog-btns .btn{padding:5px 20px;}

/* .stop-btn{width:150px; height:34px; line-height:34px; background:#F55434; border:1px solid #F55434; color:#fff;}
.unstop-btn{background:none; border:1px solid #6395CA;} */

/* .btn:hover{background: #66B0F3;} */

.popup{height: 650px; width: 920px; margin: 0 auto;}
.inp-name{border:none;}

body{font-family: "微软雅黑"; overflow: hidden;}

/* 安装页  & 登陆页 & 登录验证*/
.install-container,.login-container,.bind-container,.rela-container,.reset-container,.index-container{width: 264px; margin: 0 auto; height: 565px; position: relative;}
.install-container .footer,.login-container .footer,.reset-container .footer,.index-container .footer{width: 264px; color: #96CDFF; font-size: 12px; text-align: center; line-height: 34px; position: absolute; bottom: 0;}
.login-container .footer,.login-container,.index-container,.index-container .footer{width: 302px;}
.bind-container,.reset-container,.reset-container .footer{width: 355px;}
.rela-container{width: 320px;}
.index-container{position: relative; height:515px;}
.win-change{width: 50px; height: 50px; background: url(../images/win_change.png) no-repeat; position: absolute;}
.change-lg{background-position: 0 0; right: -40px; top: 10px;}
.change-sm{background-position: -50px 0; right: 10px; top: 60px;}
.win-change a{display: block; height: 100%; width: 100%;}
.lock-ico{display:inline-block; *display: inline; zoom: 1; width:21px; height:26px; background:url(../images/lock.png) no-repeat; margin-bottom: -3px; margin-right: 8px;}
/* 安装页 */
.install-text{font-size: 24px; color: #fff; padding: 58px 0;}
.install-oneclick{width: 264px; display: inline-block; height: 54px; text-align: center; line-height: 54px; background: #14DB90; color: #fff; font-size: 24px; border-radius: 3px;}
.install-check{ margin-top: 20px;}
.install-check span{font-size: 14px; padding-left: 5px; color: #fff;}
.install-diy{display: none;}
.install-diy h1{color: #fff; font-size: 12px; margin-top: 15px;}
.install-diy .address{position: relative; margin-top: 8px;}
.install-diy .diy-address{padding:7px 0; height: 14px; width:222px;  border:none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-left: 10px; outline: none;}
.install-diy label{position: absolute; display: block; background:#fff url(../images/file.png) 7px 7px no-repeat; width: 31px; height: 28px; border-left: 1px solid #CECECE; border-top-right-radius: 3px; border-bottom-right-radius: 3px; right: 0; top: 0; cursor: pointer;}
.install-diy #address-btn{height: 0; width: 0; opacity: 0;}
.install-diy a{width: 262px; display: inline-block; height: 52px; text-align: center; line-height: 52px; color: #fff; font-size: 24px; border-radius: 3px; border:1px solid #fff; margin-top: 12px;}

/* 锁定页 */
.lock-block a.link{color: #C5E3FF; font-size: 12px; display: inline-block;margin-top: 10px;}
.lock-msg{text-align: center; font-size:14px; color:#C5E3FF;}

/* 登陆页 */
.login-ico{text-align: center; font-size: 0; padding:45px 0;}
.login-form .input-group{width: 302px; margin-bottom: 15px; position: relative;}
.login-form .input-group input{width: 295px; border:none; font-size: 14px; padding:13px 0; padding-left: 7px; border-radius: 3px;}
.login-form .input-group span.holder{position: absolute; font-size: 14px; color: #AAAAAA; top: 12px; left: 7px;}
.login-form .input-group span.error{position: absolute; font-size: 14px; color: red; bottom: -28px; left: -20px; background: #fff; border: 1px solid #537F96; padding: 5px 10px; border-radius: 3px; z-index: 10; display: none;}
.login-form .input-group span.error i{display: block; position: absolute; width: 9px; height: 6px; background: url(../images/tap_box.png) no-repeat; top: -6px; left: 28px;}
.login-form .btn-group .login-btn{width:302px; height: 50px; border-radius: 3px; background: #14DB90; border:none; color: #fff; font-size: 24px; font-family: "微软雅黑"; cursor: pointer;}
.login-form a.link{color: #C5E3FF; font-size: 12px; display: inline-block; margin-top: 10px;}

/* 登录验证（是否绑定设备，是否绑定设备登陆） */
.bind-text p{color: #fff; font-size: 16px; padding: 25px 5px;}
.bind-text a{display: block; border: 1px solid #fff; border-radius: 3px; width: 130px; height: 32px; line-height: 32px; text-align: center; margin:0 auto; color: #fff;}
.bind-field{position: relative;}
.bind-field label{display: block;  color: #fff; font-size: 14px; padding: 15px 0;}
.bind-field span.featuresStr{display:block; color: #EFF70F; font-size: 14px; text-decoration: underline; text-align: center;}
.bind-field input[type = "text"]{width: 355px; padding:13px 0; text-align: center; border: none; border-radius: 3px; font-size: 14px;}
.bind-field span.error{position: absolute; font-size: 14px; color: #AAAAAA; bottom: -28px; left: 0; background: #fff; border: 1px solid #537F96; padding: 5px 10px; border-radius: 3px; z-index: 10; display: none;}
.bind-field span.error i{display: block; position: absolute; width: 9px; height: 6px; background: url(../images/tap_box.png) no-repeat; top: -6px; left: 28px;}
.bind-form .btn-group .bind-btn{width:355px; height: 50px; border-radius: 3px; background: #14DB90; border:none; color: #fff; font-size: 24px; font-family: "微软雅黑"; cursor: pointer;}
.bind-field .ui-placeHolder label{padding:0;}
.bind-field input.shortInp{width: 213px; text-align: left; padding-left: 7px;}
.bind-field span.holder{position: absolute; font-size: 14px; color: #AAAAAA; top: 11px; left: 7px;}
.bind-field .send-btn{height: 40px; width: 125px; border:none; border-radius: 3px; background: #01C0FF; color: #fff; font-size: 14px; font-family: "微软雅黑"; cursor: pointer; outline: none;}
.bind-field .disableBtn{background: #ccc; cursor: default;}

.rela-text p{color: #fff; font-size: 16px; padding: 25px 0;}
.rela-ico{text-align: center; font-size: 0; padding-top: 35px; padding-bottom: 10px;}
.rela-channel p{color: #fff; font-size: 14px; padding: 10px 0;}
.rela-channel a{display: block; width: 320px; height: 50px; line-height: 50px; background: #14DB90; font-size: 24px;}

.reset-text p{color: #fff; font-size: 16px; padding: 0 15px;}
.reset-ico{font-size: 0; text-align: center;}
.reset-field input{width: 348px; padding:13px 0; border:none; font-size: 14px; padding-left: 7px; border-radius: 3px;}
.reset-field span.holder{position: absolute; font-size: 14px; color: #AAAAAA; top: 11px; left: 7px;}
.reset-field span.error{position: absolute; font-size: 14px; color: red; bottom: -28px; left: -20px; background: #fff; border: 1px solid #537F96; padding: 5px 10px; border-radius: 3px; z-index: 10; display: none;}
.reset-field span.error i{display: block; position: absolute; width: 9px; height: 6px; background: url(../images/tap_box.png) no-repeat; top: -6px; left: 28px;}
.reset-field input.shortInp{width: 213px;}
.reset-field .send-btn{height: 40px; width: 125px; border:none; border-radius: 3px; background: #01C0FF; color: #fff; font-size: 14px; font-family: "微软雅黑"; cursor: pointer; outline: none; padding: 0;}
.reset-form .btn-group button{width:355px; height: 50px; border-radius: 3px; background: #14DB90; border:none; color: #fff; font-size: 24px; font-family: "微软雅黑"; cursor: pointer;}
.reset-form .btn-group button.short{width:172px;}
.reset-form .btn-group button.back{color:#D3EAFF; background:none; border:1px solid #6BB1F1; width:170px; height:48px; margin-left:8px;}
.reset-field .disableBtn{background: #ccc; cursor: default;}

/* 首页 */
.index-ico{text-align: center; font-size: 0;}
.index-user{text-align: center; font-size: 16px; color: #fff; }
.chart-ml34{margin-left: 34px;}
index-chart{height:168px;}
.index-chart a{display: block; width: 122px; height: 36px; line-height: 36px; color: #fff; border:1px solid #fff; border-radius: 3px; text-align: center; margin: 0 auto; margin-top: 20px;}
.index-btn a{display: block; width: 302px; height: 50px; background:#14DB90;  line-height: 50px; color: #fff; border: none; border-radius: 3px; text-align: center;font-size:22px;}
.bottom-nav{background: #FFFFFF; height: 30px; width: 410px; padding: 10px 0; margin:0 auto;}
.bottom-nav li{height: 30px; width: 32px; background: url(../images/bottom_icos.png) no-repeat; float: left; /* margin: 0 25px; */margin: 0 35px;}
.bottom-nav li a{display:block; width:100%; height:100%;}
.bottom-nav li.ico-gear{background-position: 1px 0;}
.bottom-nav li.ico-setup{background-position: -42px 0;}
.bottom-nav li.ico-chart{background-position: -88px 0;}
.bottom-nav li.ico-refresh{background-position: -130px 0;}
.bottom-nav li.ico-user{background-position: -166px 0;}

/* 首页（大窗口） */
.large-index{width: 920px; height: 650px; background: #1D6CBC url(../images/largeIndex_bg.jpg) no-repeat; margin: 0 auto; position: relative;}
.large-index .user-info{height: 30px; padding: 8px 0; padding-left: 53px; background: url(../images/user_head.png) no-repeat; position: relative;}
.large-index .user-info p{color: #fff; font-size: 12px;}
.large-index .user-info p.vip-user{height: 15px; /* width: 38px; background: url(../images/vip_ico.png) no-repeat; margin-top: 5px; */}
.large-index .user-info  .push-message{background: url(../images/push_message_ico.png) 8px 7px no-repeat; padding:5px 10px 5px 30px; height:16px; border:1px solid #4C83A2; color: #f4e07c; font-size: 12px; position: absolute; left: 0; bottom: -40px;}
.large-index .user-info  .push-message i{display: block; background: url(../images/push_message_tap.png) no-repeat; width: 15px; height: 8px; position: absolute; top: -8px; left: 14px;}
.index-safebox .ring{position: relative; height: 235px; width: 239px;}
.index-safebox .main{padding-left: 60px; padding-top: 30px;}
.space-chart{width:225px;}
.index-safebox{padding: 70px 40px;}
.index-safebox .box-img{background: url(../images/safe_box.png) 37px 44px no-repeat; width: 239px; height: 235px; position: absolute; z-index: 2;}
.index-safebox .ring-img{background: url(../images/ring.png) no-repeat; width: 239px; height: 235px; position: absolute; z-index: 1;}
.space-safebox{width: 230px; height:65px;}
.space-safebox label{font-size: 14px; color: #fff;}
.space-safebox p{font-size: 28px; color: #fff;}
.index-safebox .link-btn{margin-left: 6px;}
.index-safebox .link-btn a{display: block; height: 65px; width: 285px; background: #00C27B; color: #fff; font-size: 26px; line-height: 65px; text-align: center; border-radius: 3px;}
.index-safebox .main .time-chart{margin-left: 30px;}
.index-safebox .main .space-chart p,.index-safebox .main .time-chart p{font-size: 14px; color: #C0CDF0;}
.index-safebox .main .space-chart p span,.index-safebox .main .time-chart p span{font-size: 26px; color: #fff;}
#space-chart{background: url(../images/chart_space_bg.png) 15px 19px  no-repeat;}
#time-chart{background: url(../images/chart_time_bg.png) 15px 19px no-repeat;}
.index-count .count-tip{width: 528px; padding-top: 60px;}
.index-count .count-tip p{font-size: 14px; color: #93C3F3;}
.index-count .count-tip span{font-size: 16px; color: #fff;}
.index-count .count-tip i{display: inline-block; width: 22px; height: 22px; background: url(../images/index_count.png) no-repeat; margin-right: 5px;}
.index-count .count-tip i.all-ico{background-position: 1px 0;}
.index-count .count-tip i.day-ico{background-position: -32px 0;}
.count-cirel li{float: left; width: 60px; text-align: center; margin: 0 11px; cursor: pointer; position: relative;}
.count-cirel li .ico-bg{width: 60px; height: 60px; border-radius: 60px; background: #fff; position: relative; overflow: hidden;}
.count-cirel li .bg-blue{background: #98EBF8;}
.count-cirel li .ico{width: 60px; height: 60px; font-size: 0; background: url(../images/index_count_cirel.png) no-repeat;}
.count-cirel li .ico-speed{background-position: 0 0; position: relative; z-index: 10;}
.count-cirel li .wave-amt{font-size: 0; height: 60px; width: 219px; position: absolute; z-index: 1; right:0; -webkit-animation:speedWave 5s linear infinite; animation:speedWave 5s linear infinite;}
@-webkit-keyframes speedWave
{
    from {right:0px;}
    to {right:-146px;}
}
@keyframes speedWave
{
    from {right:0px;}
    to {right:-146px;}
}
.count-cirel li .ico-cpu{background-position: -84px 0;}
.count-cirel li .cpu-pointer{width: 36px; height: 36px; background: url(../images/Pointer.png) center center no-repeat; position: absolute; top: 18px; left: 13px;}
.count-cirel li .ico-drop{background-position: -168px 0;  position: relative; z-index: 10;}
.count-cirel li .ico-server{background-position: -252px 0;}
.count-cirel li p{font-size: 14px; color: #93C3F3; margin-top: 10px;}
.count-cirel li .float-win{height: 134px; position: absolute; top: -134px; left: -140px; display: none;}
.count-cirel li .float-win-cpu,.count-cirel li .float-win-mem{height:41px; top: -41px; text-align:left; font-size:12px; color:#797979;}
.count-cirel li .float-win-bps{height:41px; top:-41px; text-align:left; left:-20px; font-size:12px; color:#797979;}
.count-cirel li .float-win-cpu{left:-14px;}
.count-cirel li .float-win-mem{left:-17px;}
.count-cirel li .float-win-bg{width: 230px; height: 114px; background: #fff; box-shadow: 0 0 5px #000; position: relative;}
.count-cirel .float-win-cpu .float-win-bg,.count-cirel .float-win-mem .float-win-bg{height:16px; width:130px; border-radius:2px; padding:7px 10px;}
.count-cirel .float-win-bps .float-win-bg{height:16px; width:280px; border-radius:2px; padding:7px 10px;}
.count-cirel .float-win-bps .float-win-bg div{display:inline-block;}
#j-menVal,#j-cpuVal{font-weight:bold;}
#j-inBps{color:#f04d1a; font-weight:bold;}
#j-outBps{color:#0ba46c; font-weight:bold;}
.count-cirel li .float-win-bg .ico-tips{width: 19px; height: 13px; background: url(../images/commint_tap.png) no-repeat; position: absolute; bottom: -13px; right: 50px;}
.count-cirel li .float-win-bg .ico-min-tips{width: 12px; height: 6px; background: url(../images/commint_min_tap.png) no-repeat; position: absolute; bottom: -6px; right: 97px;}
.count-cirel li .float-win-cpu .ico-min-tips{right:101px;}
.count-cirel li .float-win-bps .ico-min-tips{right:244px}
.count-cirel li .code-block{width: 106px; padding: 8px 0; text-align: center;}
.count-cirel li .code-img{font-size:0;}
.count-cirel li .code-block span{font-size: 12px;}
.count-cirel li .float-win dl{width: 115px; padding-top: 20px;}
.count-cirel li .float-win dd,.count-cirel li .float-win dt{float: left; height: 21px; line-height: 21px; font-size: 12px; margin-top: 10px;}
.count-cirel li .float-win dt{width: 21px; background: url(../images/commint_ico.png) no-repeat;}
.count-cirel li .float-win dt.ico-qq{background-position:  0 1px;}
.count-cirel li .float-win dt.ico-phone{background-position:  0 -32px;}
.count-cirel li .float-win dd{margin-left: 5px; width: 85px; text-align: left;}
.count-cirel li:hover .float-win{display: block;}
.nav{/* padding-left: 60px; */ padding-top: 20px; height: 50px; position: absolute; bottom: 0; left: 0; right: 0; background: #fff;}
.nav li{height: 33px; float: left; /* margin-right: 70px; */ margin:0 66px;}
.nav li a{display:block; width:100%;height:100%;}
.nav li p{font-size: 14px; color: #738EA8; line-height: 33px; margin-left: 10px;}
.nav li.active p{color: #1C76BD;}
.nav li:hover p{color: #1C76BD;}
.nav li .ico{width: 35px; height: 33px; background: url(../images/largeIndex_nav.png) no-repeat;}
.nav li .ico-home{background-position: -2px 0;}
.nav li .ico-safebox{background-position: -2px -49px;}
.nav li .ico-monitor{background-position: -2px -102px;}
.nav li .ico-user{background-position: -2px -153px;}
.nav li .ico-set{background-position: 0 -208px;}
.nav li:hover .ico-home{background-position: -57px 0;}
.nav li:hover .ico-safebox{background-position: -57px -49px;}
.nav li:hover .ico-monitor{background-position: -57px -102px;}
/* .nav li:hover .ico-user{background-position: -57px -153px;} */
.nav li:hover .ico-set{background-position: -57px -208px;}
.nav li.active .ico-home{background-position: -57px 0;}
.nav li.active .ico-safebox{background-position: -57px -49px;}
.nav li.active .ico-monitor{background-position: -57px -102px;}
.nav li.active .ico-user{background-position: -57px -153px;}
.nav li.active .ico-set{background-position: -57px -208px;}

/* 数据保险箱 */
.safebox-container{padding-top: 32px;}
.safebox-container .safe-block{width: 306px; height: 413px; padding-top: 35px;}
.safebox-container .safe-line{width: 1px; height: 448px; background:url(../images/safe-line.png) no-repeat;}
.safe-block .safe-ico{width: 112px; height: 112px; margin: 0 auto; background: url(../images/safe_box_ico.png) no-repeat;}
.safe-block .ico-box{background-position: 0 0;}
.safe-block .ico-file{background-position: -138px 0;}
.safe-block .ico-sql{background-position: -278px 0;}
.safe-block h1{font-size: 14px; color: #fff; text-align: center; margin: 20px 0; font-weight: 300;}
.safe-block p{font-size: 14px; color: #C0CDF0; text-align: center; line-height: 46px; height:46px;}
.safe-block p span{font-size: 28px; color: #fff;}
.safe-block a{display: block; width: 177px; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 20px; margin: 0 auto; background: #00C27B; border-radius: 3px; margin-top: 40px;}

.safebox-tip{position:absolute; background:#fff8d8; border-radius:3px; padding:5px 10px; width:220px; font-size:14px; left:32px; top:200px; display:none;}
.safebox-tip .tap-ico{position:absolute; background:url(../images/safeBox_tap.png) no-repeat; width:13px; height:7px; top:-7px;left:114px;}
.hover-tip:hover+.safebox-tip{display:block;}

/* 系统设置 */
.sys-container{height: 510px; background: #F4F4F4; margin-top: 14px; }
.sys-container .sys-form{padding: 0 30px; padding-top: 15px}
.sys-group h1{/* border-left: 3px solid #2482D8; */ height: 18px; line-height: 18px; font-size: 14px; color: #333333; /* padding-left: 10px; */ background:url(../images/title_line.png) center repeat-x;}
.sys-group h1 span{background:#F4F4F4; padding-right: 20px;}
.sys-group .sys-row{padding: 15px 0; padding-left: 25px; font-size: 14px; color: #2D2D2D;}
.sys-group .sys-col{float: left; line-height:36px;}
.sys-group .sys-col input[type = "text"]{padding-left:5px; height: 21px; line-height: 21px; width: 80px;}
.sys-group .sys-col input[type = "checkbox"]{width:0; height:0; opacity:0; position:absolute; margin:0; padding:0;}
.sys-group .sys-col label.lab-check{display:block; height:34px; line-height:34px; border:1px solid #AEAEAE; padding:0 20px; cursor:pointer;}
.sys-group .sys-col label.check-true{border-color:#2482D8; background:url(../images/checked_true.png) right bottom no-repeat;}
.sys-group .sys-col a{display:block; padding: 0 50px; margin-right: 10px; height: 40px; line-height: 40px; color: #fff; background: #14DB90;}
.sys-form .sys-submit{text-align: right; margin-top: 10px;}
.sys-form .sys-submit button{height: 42px; width: 164px; font-size: 20px;}

/* 运行监控 */
.monitor-container .run-state{height: 100px; padding-top: 20px; padding-left: 68px;}
.run-state .run-ico{width: 77px; height: 69px;}
.run-state .ico-success{background: url(../images/run_success.png) no-repeat;}
.run-state .ico-error{background:url(../images/run_error.png) no-repeat;}
.run-state .run-str{font-size: 28px; color: #fff; margin-left: 35px; margin-top: 20px;}
.monitor-container .monitor-main{height: 403px; background: #fff; border-bottom: 1px solid #DEDEDE; position: relative;}
.monitor-main .sidebar{position: absolute; left: 0; top: 0; bottom: 0; width: 142px; background: #DEE8F2;}
.monitor-main .sidebar li{height: 50px; line-height: 50px; padding-left: 18px;}
.monitor-main .sidebar li a{display: block;}
.monitor-main .sidebar li span{font-size: 12px; color: #333333; margin-left: 5px;}
.monitor-main .sidebar li i{display: inline-block; width: 11px; height: 15px; margin-bottom: -2px;}
.monitor-main .sidebar li.active i,.monitor-main .sidebar li:hover i{background: url(../images/sidebar_active.png) no-repeat;}
.monitor-main .sidebar li.active,.monitor-main .sidebar li:hover{background: #fff;}
.monitor-main .sidebar li.active span,.monitor-main .sidebar li:hover span{color: #2382D8; font-weight: bold;}
.monitor-main .content{position: absolute; left: 142px; top: 0; bottom: 0; right: 0; overflow-y:auto; overflow-x: hidden;}

/* 软件监控 */
.soft-mtr{padding: 0 0 30px 15px;}
.soft-mtr .soft-col{float: left;}
.soft-col .long-time{ height: 78px; padding: 20px 10px 0 118px; width: 300px; background: url(../images/clock.png) no-repeat;}
.soft-col .long-time p{font-size: 16px; color: #333333;}
.soft-col .long-time p.time-str{font-size: 26px; color: #1167B5;}
.soft-col .state-btn a{display: block; height: 40px; width: 260px; line-height: 40px; margin-top: 10px;}
.soft-col .state-btn a.red{background: #F45534;}
.soft-col .state-btn a.blue{background: #3E81C8;}
.soft-col .state-btn a.unstop-btn{background: #BDBDBD; cursor:default;}
.soft-col label{display: inline-block; height: 18px; border-left: 3px solid #2482D8; font-size: 14px; line-height: 18px; padding-left: 8px;}
.soft-col span.lg-font{font-size: 24px; color: #333333; display: inline-block; padding-right: 10px; width: 250px;}
.soft-row dl dt,.soft-row dl dd{float: left; font-size: 12px; line-height: 20px;}
.soft-row dl dt{text-align: right; width: 80px;}
.soft-row dl dd{width: 290px;}
.soft-col .table-btn{text-align: right; width: 620px;}
.soft-col .table-btn button{padding: 0 15px; height: 25px;}
.soft-row table td,.soft-row table th{ text-align: center; border:1px solid #F4F4F4; line-height: 30px; font-size: 14px;}
.soft-row table th{color: #363636; background: #F4F4F4;}
.soft-row tbody tr{color: #00C27B;}
.soft-row tbody tr.error{color: #FF0000;}
.soft-col h3{font-weight: 300; font-size: 14px;}

/* 当前监控 */
.now-mtr{ padding-bottom: 20px;}
.top-check{height: 35px; line-height: 35px; background: #F4F4F4; padding-left: 20px; font-size: 12px; color: #333333; position: absolute; top: 0; left: 142px; right: 0; z-index: 10;}
.now-mtr .now-list{padding-left: 20px;}
.now-mtr .now-list h1{border-left: 3px solid #2482D8; font-size: 14px; height: 18px; line-height: 18px; padding-left: 10px; font-weight: 300;}
.now-group .item{height: 37px; padding-top: 15px;}
.now-group .item-route{font-size:14px; padding:5px 0; padding-left:10px; width:715px; color:#8a8a8a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.now-group .item .item-ico{height: 37px; width: 41px; background: url(../images/mintor_ico.png) no-repeat; margin-left: 10px;}
.now-group .item .ico-box{background-position: 0 0;}
.now-group .item .ico-file{background-position: 0 -57px;}
.now-group .item-name{padding: 0 15px; width: 180px; }
.now-group .item-name p{font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.now-group .item-name p.style-one{line-height: 37px; font-size: 16px; font-weight: bold;}
.now-group .item-name p.style-two{font-size: 16px; line-height: 18px; font-weight: bold;}
.now-group .item-size{line-height: 37px; font-weight: bold; font-size: 16px; padding: 0 5px; width: 100px}
.now-group .item-percent p{font-size: 14px; padding: 0 5px; width: 200px;}
.now-group .item-state{width: 100px; padding: 0 10px; text-align: center;}
.now-group .item-state p.style-one{line-height: 37px; font-size: 18px; font-weight: bold;}
.now-group .item-state p.style-two{line-height: 18px; font-size: 18px; font-weight: bold;}
.now-group .item-state p.normal{color: #1D6CBC;}
.now-group .item-state p.stop{color: #FF3400;}
.now-group .item-state a{font-size: 14px; color: #2382D8;}
.now-group .opera{width: 715px; height: 42px;  background: #CCEBF8; padding-left: 10px;}
.now-group .opera .tips{font-size: 12px; line-height: 42px;}
.now-group .opera span.time{margin-left: 10px;}
.now-group .opera span em{font-size: 14px; font-weight: bold; font-style: normal;}
.now-group .opera .btns{padding-right: 20px;}
.now-group .opera a.btn{height: 26px; line-height:26px; width: 105px; background: #10CD6E; font-size: 12px; margin-top: 8px;}
.now-group .opera button{height: 26px; width: 105px; background: #10CD6E; font-size: 12px; margin-top: 8px;}

/* 任务执行计划 */
.plan-mtr{ padding-bottom: 20px;}
.plan-mtr .data-source{padding-left: 20px;}
.plan-mtr .data-source h1{border-left: 3px solid #2482D8; font-size: 14px; height: 18px; line-height: 18px; padding-left: 10px; margin: 10px 0;}
.data-group label{display: block; padding-left: 15px; font-size: 12px; padding-bottom: 10px; color: #333333;}
.data-group li{width: 327px; height: 106px; border:1px solid #AAAAAA; margin-left: 15px; margin-bottom: 20px; float: left;}
.data-group li a{display: block; height: 100%; margin-left: 54px; border-left: 1px dashed #C5C5C5;}
.data-group li h2{padding: 15px 0 10px 15px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.data-group li p{padding-left: 15px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.data-group li.green{background: url(../images/State_Executive.png) 12px 38px no-repeat;}
.data-group li.green:hover{border-color: #1DB752;}
.data-group li.green h2,.data-group li.green p{color: #1DB752;}
.data-group li.golden{background: url(../images/State_Disabled.png) 12px 38px no-repeat;}
.data-group li.golden:hover{border-color: #E63E1D;}
.data-group li.golden h2,.data-group li.golden p{color: #E63E1D;}
.data-group li.grey{background: url(../images/State_Offline.png) 12px 38px no-repeat;}
.data-group li.grey:hover{border-color: #666666;}
.data-group li.grey h2,.data-group li.grey p{color: #AAAAAA;}

/* 预警事件 */
.alert-top{background: #F4F4F4; position: absolute; top: 0; left: 142px; right: 0; z-index: 10;}
.alert-top .search-form{padding: 5px 0;}
.alert-top .search-form label{font-size: 12px; margin-left: 20px;}
.alert-top .search-form select{height: 22px;}
.alert-top .search-form input{padding-left: 5px; width: 180px; height: 18px;}
.alert-top .search-form button{width: 74px; height: 22px; font-size: 12px; margin-left: 20px;}
.alert-top .table-head,.alert-mtr .table-body{padding-left: 10px;}
.alert-top .table-head table,.alert-mtr .table-body table{width: 740px; font-size: 14px; color: #333333;}
.alert-top .table-head table th{padding: 5px;}
.alert-mtr .table-body table td{text-align: center; padding: 5px;}
.alert-mtr .table-body table tr.error{color: red;}
.alert-mtr .table-body table tr.warn{color: #A8A828;}
.alert-mtr .table-body table td a{color: #1364AD;}

/*zTree style*/
.ztree li{padding: 2px 0}
.ztree li span.button{ width: 18px; height: 18px;}
.ztree li span.button.sty01_ico_open, .ztree li span.button.sty01_ico_close,.ztree li span.button.sty01_ico_docu{background: url(../images/ztree_icon_01.png) no-repeat 0 2px ;}
.ztree li span.button.sty02_ico_open, .ztree li span.button.sty02_ico_close,.ztree li span.button.sty02_ico_docu{background: url(../images/ztree_icon_02.png) no-repeat 0 2px ;}
.ztree li span.button.sty03_ico_open, .ztree li span.button.sty03_ico_close,.ztree li span.button.sty03_ico_docu{background: url(../images/ztree_icon_03.png) no-repeat 0 2px ;}
.ztree li span.button.path_ico_open, .ztree li span.button.path_ico_close,.ztree li span.button.path_ico_docu{background: url(../images/dir_min.png) no-repeat 0 2px ;}
.ztree li span.button.noline_open{background: url(../images/ztree_icon_06.png) no-repeat 0 4px ;}
.ztree li span.button.noline_close{background: url(../images/ztree_icon_05.png) no-repeat 0 4px ;}
.ztree li a{padding-left: 3px;}
.ztree li a.curSelectedNode{background: #4c9be2;opacity: 1;border:none;color: #fff}
.ztree li a.curSelectedNode span.button.sty01_ico_open,.ztree li a.curSelectedNode span.button.sty01_ico_close,.ztree li a.curSelectedNode span.button.sty01_ico_docu{background:  url(../images/ztree_icon_07.png) no-repeat 0 2px;}
.ztree li a.curSelectedNode span.button.sty02_ico_open,.ztree li a.curSelectedNode span.button.sty02_ico_close,.ztree li a.curSelectedNode span.button.sty02_ico_docu{background:  url(../images/ztree_icon_08.png) no-repeat 0 2px;}
.ztree li a.curSelectedNode span.button.sty03_ico_open,.ztree li a.curSelectedNode span.button.sty03_ico_close,.ztree li a.curSelectedNode span.button.sty03_ico_docu{background:  url(../images/ztree_icon_04.png) no-repeat 0 2px;}


/*page*/
.page{position: absolute;bottom: 21px;height: 28px; right:0; left:0;}


/* 数据源详情弹窗 */
.ui-dialog-sourceDetail table{table-layout: fixed; font-size:14px; width:856px;}
.ui-dialog-sourceDetail table tr{border-bottom:1px solid #EEEEEE;}
.ui-dialog-sourceDetail table th,.ui-dialog-sourceDetail table td{text-align:center; padding:5px;}
.ui-dialog-sourceDetail table td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ui-dialog-sourceDetail table th{background:#F4F4F4; font-weight:bold;}
.ui-dialog-sourceDetail tbody tr:hover{background:#D5E9F5}